.morecollocation .header { background-color: #fff; height: 44px; line-height: 44px; position: sticky; width: 375px; left: 0; top: 0; z-index: 10000; border-bottom: 1px solid #f2f2f2; }

.morecollocation .header .header-wrap { display: flex; justify-content: space-between; padding: 0px 10px; height: 44px; line-height: 44px; font-size: 16px; color: #333; }

.morecollocation .header .header-wrap .title { flex: 1; text-align: center; margin-right: 10px; }

.morecollocation .vegetable { padding-bottom: 66px; }

.morecollocation .vegetable > ul { padding: 10px 0px 10px 13px; display: flex; flex-wrap: wrap; }

.morecollocation .vegetable > ul > li { width: 22%; margin-bottom: 10px; margin-right: 10px; }

.morecollocation .vegetable > ul > li .img { width: 80px; height: 65px; position: relative; }

.morecollocation .vegetable > ul > li .img .icon-duigou1 { position: absolute; top: 0px; left: 0px; width: 80px; height: 65px; text-align: center; line-height: 65px; font-size: 26px; color: #fff; background: rgba(0, 0, 0, 0.4); }

.morecollocation .vegetable > ul > li .img img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.morecollocation .vegetable > ul > li p { color: #464646; text-align: center; }

.morecollocation .vegetable .choses { display: flex; }

.morecollocation .vegetable .choose { position: fixed; z-index: 10000; height: 56px; bottom: 0px; width: 100%; background-color: #fff; border-top: 1px solid #e7e7e7; }

.morecollocation .vegetable .choose ul { width: 240px; display: flex; align-items: center; }

.morecollocation .vegetable .choose ul li { width: 58px; height: 30px; background: #f9812a; line-height: 30px; font-size: 12px; color: #fff; text-align: center; margin-left: 20px; position: relative; }

.morecollocation .vegetable .choose ul li .icon-guanbi2fill { font-size: 18px; position: absolute; top: -15px; left: 50px; color: #f7300a; background-color: transparent; }

.morecollocation .vegetable .choose ul .none { background: #fff; color: #f9812a; font-size: 20px; font-weight: bold; }

.morecollocation .vegetable .choose .title { text-align: center; width: 120px; font-size: 12px; color: #f9812a; line-height: 56px; position: relative; }

.morecollocation .vegetable .choose .margin-top { margin-top: 10px; }

.morecollocation .vegetable .choose p { color: #000; text-align: center; margin-bottom: 3px; }

.morecollocation .vegetable .moretype { width: 28px; height: 75px; line-height: 75px; position: fixed; right: 0px; z-index: 222; top: 45%; border-top-left-radius: 8px; border-bottom-left-radius: 8px; background-color: #fff; box-shadow: 0 0 10px #e8e8e8; }

.morecollocation .vegetable .moretype .iconfont { font-size: 26px; color: #b2b2b2; }

.adm-popup-body-position-right { padding: 44px 20px 66px; }

.adm-popup-body-position-right ul li { color: #7c7c7c; line-height: 25px; border-bottom: 1px solid #ededed; margin-top: 5px; }

.adm-popup-body-position-right ul .active { color: #ff7836; }

.adm-popup-body { overflow: hidden; }

.adm-popup-body .chang-food { height: 100%; }

.adm-popup-body .chang-food .top { width: 100%; height: 56px; border-top: 2px solid #dbdbdb; border-bottom: 2px solid #dbdbdb; display: flex; justify-content: space-between; }

.adm-popup-body .chang-food .top ul { width: 240px; display: flex; align-items: center; justify-content: space-evenly; }

.adm-popup-body .chang-food .top ul li { width: 58px; height: 30px; background: #f9812a; line-height: 30px; font-size: 12px; color: #fff; text-align: center; position: relative; }

.adm-popup-body .chang-food .top ul li .icon-guanbi2fill { font-size: 18px; position: absolute; top: -15px; left: 50px; color: #f7300a; background-color: transparent; }

.adm-popup-body .chang-food .top ul .none { background: #fff; color: #f9812a; font-size: 20px; font-weight: bold; }

.adm-popup-body .chang-food .top .title { text-align: center; width: 120px; font-size: 12px; color: #f9812a; line-height: 56px; position: relative; }

.adm-popup-body .chang-food .top .title span { margin-right: 20px; }

.adm-popup-body .chang-food .top .title .box { width: 27px; background-color: #b2b2b2; border-bottom-left-radius: 100%; height: 27px; position: absolute; top: 0; right: 0; }

.adm-popup-body .chang-food .top .title .icon-guanbi { color: #fff; position: absolute; margin-left: 5px; font-size: 14px; top: -17px; right: 3px; }

.adm-popup-body .chang-food .m-choose-ctn { padding: 13px 0px 0px 13px; border-radius: 5px; overflow-y: auto; height: 310px; }

.adm-popup-body .chang-food .m-choose-ctn ul { display: flex; flex-wrap: wrap; }

.adm-popup-body .chang-food .m-choose-ctn ul li { margin-bottom: 20px; width: 30%; margin-right: 11px; }

.adm-popup-body .chang-food .m-choose-ctn ul li .u-img { position: relative; top: 0; left: 0; width: 100%; height: 110px; border-radius: 5px; overflow: hidden; }

.adm-popup-body .chang-food .m-choose-ctn ul li .u-img .u-gallery { width: 100%; height: 110px; }

.adm-popup-body .chang-food .m-choose-ctn ul li .u-img .u-gallery img { width: 100%; height: 100%; object-fit: cover; vertical-align: bottom; }

.adm-popup-body .chang-food .m-choose-ctn ul li .u-img .icon { transform: translate(-50%, -50%); position: absolute; top: 50%; left: 50%; width: 30px; background: url(http://pub.szzhangchu.com/web/v4.2/images/ico/ico-play.png); background-size: 100%; height: 30px; display: inline-block; }

.adm-popup-body .chang-food .m-choose-ctn ul li .u-info { padding: 0 3px; text-align: center; margin-top: 5px; }

.adm-popup-body .chang-food .m-choose-ctn ul li .u-info h2 { height: 20px; line-height: 20px; font-size: 12px; color: #333; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
